@charset "UTF-8";
body {
  font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif; }

/* 版心 */
@media all and (max-width: 1349px) {
  .main {
    width: 990px;
    margin: 0 auto; } }

@media all and (min-width: 1350px) {
  .main {
    width: 1190px;
    margin: 0 auto; } }

.header {
  height: 110px;
  box-shadow: 2px 2px 30px #c1c1c1; }
  .header > .main .head-logo {
    width: 160px;
    height: 50px;
    overflow: hidden;
    margin-top: 24px;
    float: left; }
    .header > .main .head-logo h1, .header > .main .head-logo a {
      width: 100%;
      height: 100%;
      display: block; }
    .header > .main .head-logo h1 a {
      background: url(../img/icon.png); }
  .header > .main .head-title {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    margin-top: 34px; }
  .header > .main .head-login {
    font-size: 16px;
    float: right;
    margin-top: 55px;
    color: #999; }
    .header > .main .head-login a {
      color: #e2231a; }
      .header > .main .head-login a:hover {
        text-decoration: underline; }

.context .main .pro-bar {
  overflow: hidden;
  position: relative;
  width: 400px;
  margin: 80px auto 0; }
  .context .main .pro-bar .pro-item {
    float: left;
    text-align: center; }
    .context .main .pro-bar .pro-item .step-index {
      display: block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      font-weight: 700;
      background: #ccc;
      color: #fff;
      border-radius: 20px;
      text-align: center;
      margin: 0 auto; }
    .context .main .pro-bar .pro-item .step-desc {
      font-size: 12px;
      margin-top: 10px; }
  .context .main .pro-bar > .active > .step-index {
    color: #fff;
    background: #33bb44; }
  .context .main .pro-bar .pro-line {
    height: 10px;
    width: 124px;
    position: absolute;
    left: 55px;
    top: 7px;
    background: url(../img/reg-icon.png) no-repeat;
    background-position: 0 -100px; }
  .context .main .pro-bar .proitem2 {
    margin-left: 106px; }
  .context .main .pro-bar .pro-line2 {
    left: 228px; }
  .context .main .pro-bar .proitem3 {
    margin-left: 112px; }

.context .main .from-box {
  width: 400px;
  margin: 50px auto 186px; }
  .context .main .from-box form {
    height: 200px; }
    .context .main .from-box form .btning {
      width: 100%;
      height: 52px;
      margin-top: 20px; }
    .context .main .from-box form .from-item1 .bi1 {
      border: 1px solid #CBD3DA; }
    .context .main .from-box form .verification #ver {
      width: 60%;
      float: left;
      margin-right: 30px; }
    .context .main .from-box form .from-item2 .input-group {
      margin: 50px 0;
      height: 50px; }
      .context .main .from-box form .from-item2 .input-group input {
        height: 100%; }
      .context .main .from-box form .from-item2 .input-group .input-group-prepend .input-group-text {
        background-color: #fff; }
    .context .main .from-box form .from-item2 .register {
      width: 100%;
      height: 50px;
      font-size: 19px; }
    .context .main .from-box form .from-item3 button {
      width: 100%;
      height: 50px;
      font-size: 19px;
      margin-top: 30px; }
